@charset "utf-8";
@font-face {
    font-family:"Bebas Neue";
    src:url("../images/BEBAS_.TTF")
}
/*.search{ position:absolute; bottom:13px; right:30px; z-index:10;}
.search .text{ background:url(../images/wh_pic6.png) no-repeat; width:123px; height:23px; line-height:23px; text-indent:15px; border:0; float:left; color:#3b8dd0;}
.search .submit{ background:url(../images/wh_pic5.png) no-repeat; width:37px; height:23px; border:0; float:left;}*/

/*.nav{ position:absolute; bottom:0; right:0; background:url(../images/yp_pic34.jpg) right no-repeat;}
.nav li{ float:left; position:relative;}
.nav li a{ color:#FFF; width:96px; height:77px; line-height:77px; text-align:center; display:inline-block; background:url(../images/yp_pic34.jpg) left no-repeat; font-size:14px; font-weight:bold;}
.nav ul{ display:none;}
.nav ul li a{ background:none;}
.nav li:hover{ background:url(../images/ess_pic9.jpg) no-repeat;}
.nav li:hover a{ color:#FFF; background:url(../images/yp_pic35.jpg) repeat-x;}
.nav li:hover ul{ display:block; position:absolute; top:77px; left:1px; width:96px; background:#505050;}
.nav li:hover ul li{ background:none; float:left;}
.nav li:hover ul li a{ color:#FFF; height:32px; line-height:32px; background:#505050;}
.nav li:hover ul li a:hover{ color:#a5dcfa;}*/

/*.demo{ transition:all 0.3s linear 0;}//css3过滤使用说明
linear	规定以相同速度开始至结束的过渡效果（等于 cubic-bezier(0,0,1,1)）。
ease	规定慢速开始，然后变快，然后慢速结束的过渡效果（cubic-bezier(0.25,0.1,0.25,1)）。
ease-in	规定以慢速开始的过渡效果（等于 cubic-bezier(0.42,0,1,1)）。
ease-out	规定以慢速结束的过渡效果（等于 cubic-bezier(0,0,0.58,1)）。
ease-in-out	规定以慢速开始和结束的过渡效果（等于 cubic-bezier(0.42,0,0.58,1)）。*/

/*----------------------------------------头部开始-----------------------------------------------------------------*/
*{word-wrap: break-word;word-break: normal; }
#header{ border: 1px solid #ececec; }
#header .top{width: 100%; height: 38px; background-color: #0d8944;}
#header .top .top_box{width: 1200px; margin: 0 auto;}
#header .top .top_box .list{ background: url(../images/language_list.jpg) left no-repeat; width:34px; height: 19px; float: right;  margin-right: 5px; padding-top: 18px; display: block; }
#header .top .top_box .language{padding-top: 9px;width: 68px; height: 16px;float: right;}
#header .top .top_box .language select{background-color: #0d8944; color:#fff; font-size: 12px;}
#header .top .top_box .search{ width: 184px; height: 18px; display: block; border-left: 1px solid #a7ccb8; float: right; margin-top: 9px; margin-left: 30px;}
#header .top .top_box .search from input{float: left;}
#header .top .top_box .search .sch{height: 18px; background-color: #0d8944; font-size: 12px; color:#9ed0b5; line-height:18px;float: left; width: 170px;}
#header .top .top_box .search .scr{width: 13px; height: 14px; display: block; float: left;background: url(../images/search_list.jpg) no-repeat; margin-top: 4px;}
#header .header_box{ width: 1200px; margin: 0 auto; height: 97px;}
#header .header_box .logo{float: left;}
#header .header_box .logo img{max-height: 97px;}
#header .header_box .index_nva{float: right;}
#header .header_box .index_nva li{min-width: 56px;  height: 97px; float: left;line-height: 97px; text-align: center; font-family: Arial; margin-left: 52px;}
#header .header_box .index_nva li a{display: block; height: 97px;color:#666666; font-size: 18px;}
#header .header_box .index_nva li a:hover{display: block; height: 94px;color:#0d8944;  border-bottom: 2px solid #0d8944;}
#header .header_box .index_nva li span{}
#header .header_box .index_nva li a span{ min-width: 56px; height: 94px; display: block;  }
#header .header_box .index_nva li a:hover span{color:#0d8944;  border-bottom: 2px solid #0d8944;}
#header .header_box .index_nva li a.on span{color:#0d8944;  border-bottom: 2px solid #0d8944;}
#header .header_box .skype{width:38px; height: 38px; display: block; float: right; margin-left: 65px; margin-top: 30px; }


/*----------------------------------------banner部份-----------------------------------------------------------------*/
#banner{ width: 100%;}

/*.banner img{width: 100%;  margin:0 auto;  overflow:hidden;position:relative; ;text-align:center;}*/

#banner .banner .slideBox{ width:100%; height:auto; overflow:hidden; position:relative; }
#banner .banner .slideBox .edbg{ width: 202px; height: 53px; display: block;position:absolute;z-index:1; overflow:hidden;  right:44%; bottom:0; }
#banner .banner .slideBox .edbg .hd{ height:15px; padding-left: 47px; margin-top: 20px; }
#banner .banner .slideBox .edbg .hd ul{ overflow:hidden; zoom:1; float:left;   }
#banner .banner .slideBox .edbg .hd ul li{ float:left; margin-right:15px; width:15px; height:15px; background:url("../images/banner_ed1.png") no-repeat; cursor:pointer; text-indent:9999px;  }
#banner .banner .slideBox .edbg .hd ul li.on{ background:url("../images/banner_ed2.png") no-repeat;}
#banner .banner .slideBox .bd{ position:relative;  z-index:0;    }
#banner .banner .slideBox .bd ul{ width:100% !important;}
#banner .banner .slideBox .bd li{zoom:1; vertical-align:middle;width:100% !important;  overflow:hidden; text-align:center; }
#banner .banner .slideBox .bd a{ width:100%; height:auto; display:block;  }
#banner .banner .slideBox .bd li img{width: 100%;}

/*.slideBox{ overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:44%; bottom:0px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:14px;  width:15px; height:15px;background:url(../images/banner_ed1.png) no-repeat; cursor:pointer; }
.slideBox .hd ul li.on{ background:url(../images/banner_ed2.png) no-repeat }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd li a{ }
.slideBox .bd img{  display:block;  }*/


/*----------------------------------------首页内容-----------------------------------------------------------------*/
#main{}
#main .main{}
#main .main .adv_pic{ width: 1200px;  height: 257px; margin: 0 auto;text-align:center;}
#main .main .index_pro{   height: 657px; background: url(../images/pro_bg.jpg)center no-repeat;}
#main .main .index_pro .pro_box{ width: 1230px; margin: 0 auto;}
#main .main .index_pro .pro_box .title{ color: #fff; font-size: 36px; width: 167px; margin: 0 auto; padding-top: 72px;}
#main .main .index_pro .pro_box .pro_list{ height: 450px; position: relative; margin-top: 56px;}
#main .main .index_pro .pro_box .pro_list li{ width: 175px; height: 300px;}
#main .main .index_pro .pro_box .pro_list .a1{   display: block; position: absolute; z-index: 999; left: 0; top: 10px;  }
#main .main .index_pro .pro_box .pro_list .a1 .pic_bg{ width: 175px; height: 178px; background: url(../images/CATV.png) left no-repeat; margin: 0 auto; position: absolute; z-index: 49; left: 0; top: 45px ;display: block;transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a1 .white{ width: 104px; height: 104px; background: url(../images/catv_white.png) left no-repeat;position: absolute; z-index: 50;top:76px; left:35px; transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a1 .icon{ width: 70px; height: 70px; background: url(../images/c1_2.png) left no-repeat;position: absolute; z-index: 51;top:94px; left:52px; transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a1 span{ text-align: center;width: 175px; color: #fff; font-size: 24px; display: block;position: absolute; z-index: 999; left:0px; top:230px;transition: all 0.2s linear;}

#main .main .index_pro .pro_box .pro_list .a1:hover .pic_bg{ width: 337px; height: 337px; background: url(../images/yellow_bg.png )left no-repeat ; display: block;position: absolute; z-index:49;top:-33px; left:-80px; transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a1:hover .white{ width: 237px; height: 237px; background: url(../images/white_pic.png )left no-repeat ; display: block;position: absolute; z-index:51;top:17px; left:-30px; transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a1:hover .icon{ width: 165px; height: 165px; background: url(../images/c1_1.png )left no-repeat ; display: block;position: absolute; z-index:52;top:52px; left:6px; transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a1:hover span{ text-align: center;width: 175px; color: #ffe807; font-size: 24px; display: block;position: absolute; z-index: 999; left:0px; top:330px;transition: all 0.2s linear;}


#main .main .index_pro .pro_box .pro_list .a2{    display: block; position: absolute; z-index: 999; left: 263px; top: 10px ;  }
#main .main .index_pro .pro_box .pro_list .a2 .pic_bg{ width: 175px; height: 178px; background: url(../images/cctv.png) left no-repeat; margin: 0 auto; position: absolute; z-index: 53; left: 0;; top: 45px ;display: block;}
#main .main .index_pro .pro_box .pro_list .a2 .white{ width: 104px; height: 104px; background: url(../images/catv_white.png) left no-repeat;position: absolute; z-index: 54;top:76px; left:35px; transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a2 .icon{ width: 70px; height: 70px; background: url(../images/c2_2.png) left no-repeat;position: absolute; z-index: 55;top:94px; left:52px; transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a2 span{ text-align: center;width: 175px; color: #fff; font-size: 24px; display: block;position: absolute; z-index: 999; left:0px; top:240px;transition: all 0.2s linear;}

#main .main .index_pro .pro_box .pro_list .a2:hover .pic_bg{ width: 337px; height: 337px; background: url(../images/yellow_bg.png )left no-repeat ; display: block;position: absolute; z-index:53;top:-33px; left:-80px; transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a2:hover .white{ width: 237px; height: 237px; background: url(../images/white_pic.png )left no-repeat ; display: block;position: absolute; z-index:54;top:17px; left:-30px;transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a2:hover .icon{ width: 165px; height: 165px; background: url(../images/c2_1.png )left no-repeat ; display: block;position: absolute; z-index:55;top:52px; left:6px;transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a2:hover span{ text-align: center;width: 175px; color: #ffe807; font-size: 24px; display: block;position: absolute; z-index: 999; left:0px; top:330px;transition: all 0.2s linear;}



#main .main .index_pro .pro_box .pro_list .a3{ display: block; position: absolute; z-index: 999; left: 528px; top: 10px ;  }
#main .main .index_pro .pro_box .pro_list .a3 .pic_bg{ width: 175px; height: 178px; background: url(../images/cctv.png) left no-repeat; margin: 0 auto; position: absolute; z-index: 53; left: 0;; top: 45px ;display: block;}
#main .main .index_pro .pro_box .pro_list .a3 .white{ width: 104px; height: 104px; background: url(../images/catv_white.png) left no-repeat;position: absolute; z-index: 56;top:76px; left:35px; transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a3 .icon{ width: 70px; height: 70px; background: url(../images/c3_2.png) left no-repeat;position: absolute; z-index: 57;top:94px; left:52px; transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a3 span{ text-align: center;width: 175px; color: #fff; font-size: 24px; display: block;position: absolute; z-index: 999; left:0px; top:240px;transition: all 0.2s linear;}

#main .main .index_pro .pro_box .pro_list .a3:hover .pic_bg{ width: 337px; height: 337px; background: url(../images/yellow_bg.png )left no-repeat ; display: block;position: absolute; z-index:50;top:-33px; left:-80px; transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a3:hover .white{ width: 237px; height: 237px; background: url(../images/white_pic.png )left no-repeat ; display: block;position: absolute; z-index:51;top:17px; left:-30px;transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a3:hover .icon{ width: 165px; height: 165px; background: url(../images/c3_1.png )left no-repeat ; display: block;position: absolute; z-index:52;top:52px; left:6px; transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a3:hover span{ text-align: center;width: 175px; color: #ffe807; font-size: 24px; display: block;position: absolute; z-index: 999; left:0px; top:330px;transition: all 0.2s linear;}

#main .main .index_pro .pro_box .pro_list .a4{      display: block; position: absolute; z-index: 999; left: 790px; top: 10px ;  }
#main .main .index_pro .pro_box .pro_list .a4 .pic_bg{ width: 175px; height: 178px; background: url(../images/cctv.png) left no-repeat; margin: 0 auto; position: absolute; z-index: 53; left: 0;; top: 45px ;display: block;}
#main .main .index_pro .pro_box .pro_list .a4 .white{ width: 104px; height: 104px; background: url(../images/catv_white.png) left no-repeat;position: absolute; z-index: 56;top:76px; left:35px; transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a4 .icon{ width: 70px; height: 70px; background: url(../images/c4_2.png) left no-repeat;position: absolute; z-index: 57;top:94px; left:52px; transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a4 span{ text-align: center; width: 175px; color: #fff; font-size: 24px; display: block;position: absolute; z-index: 999; left:0px; top:240px;transition: all 0.2s linear;}

#main .main .index_pro .pro_box .pro_list .a4:hover .pic_bg{ width: 337px; height: 337px; background: url(../images/yellow_bg.png )left no-repeat ; display: block;position: absolute; z-index:50;top:-33px; left:-80px; transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a4:hover .white{ width: 237px; height: 237px; background: url(../images/white_pic.png )left no-repeat ; display: block;position: absolute; z-index:51;top:17px; left:-30px; transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a4:hover .icon{ width: 165px; height: 165px; background: url(../images/c4_1.png )left no-repeat ; display: block;position: absolute; z-index:52;top:52px; left:6px; transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a4:hover span{text-align: center; width: 175px; color: #ffe807; font-size: 24px; display: block;position: absolute; z-index: 999; left:0px; top:330px;transition: all 0.2s linear;}

#main .main .index_pro .pro_box .pro_list .a5{    display: block; position: absolute; z-index: 999; left: 1050px; top: 10px ;  }
#main .main .index_pro .pro_box .pro_list .a5 .pic_bg{ width: 175px; height: 178px; background: url(../images/cctv.png) left no-repeat; margin: 0 auto; position: absolute; z-index: 53; left: 0;; top: 45px ;display: block;}
#main .main .index_pro .pro_box .pro_list .a5 .white{ width: 104px; height: 104px; background: url(../images/catv_white.png) left no-repeat;position: absolute; z-index: 56;top:76px; left:35px;transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a5 .icon{ width: 70px; height: 70px; background: url(../images/c5_2.png) center no-repeat;position: absolute; z-index: 57;top:94px; left:52px;transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a5 span{ text-align: center; width: 175px; color: #fff; font-size: 24px; display: block;position: absolute; z-index: 999; left:0px; top:240px;transition: all 0.2s linear;}

#main .main .index_pro .pro_box .pro_list .a5:hover .pic_bg{ width: 337px; height: 337px; background: url(../images/yellow_bg.png )left no-repeat ; display: block;position: absolute; z-index:50;top:-33px; left:-80px; transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a5:hover .white{ width: 237px; height: 237px; background: url(../images/white_pic.png )left no-repeat ; display: block;position: absolute; z-index:51;top:17px; left:-30px; transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a5:hover .icon{ width: 165px; height: 165px; background: url(../images/c5_1.png )center no-repeat ; display: block;position: absolute; z-index:52;top:52px; left:6px; transition: all 0.2s linear;}
#main .main .index_pro .pro_box .pro_list .a5:hover span{ text-align: center; width: 175px; color: #ffe807; font-size: 24px; display: block;position: absolute; z-index: 999; left:0px; top:330px;transition: all 0.2s linear;}


/*----------------------------------------Link-----------------------------------------------------------------*/
#main .main .link{padding-top: 75px; width: 1227px; margin: 0 auto;}
#main .main .link .title{ width: 366px;  margin: 0 auto; color: #5a6367; font-size: 36px;text-align:center;}
#main .main .link .title span{color: #0d8944; margin-left: 22px; }
#main .main .link .link_list{ margin-top: 58px;   height: 335px;}
#main .main .link .link_list li{ width: 175px; height: 103px; border: 1px solid #eeeeee; margin-left: 27px; float: left; margin-bottom: 30px;display: block;transition: all .2s linear;}
#main .main .link .link_list li:hover {border: 1px solid #757474; width: 175px; height: 103px;translate3d(0, -5px, 0);position: relative;box-shadow: 0  5px 20px #d7d7d7;}


/*----------------------------------------footer-----------------------------------------------------------------*/


.footer{ width: 100%; }
.footer .f1{background-color: #f7f7f7; height: 301px; padding-top:57px; }
.footer .f1 .f1_box{width: 1200px; margin: 0 auto;}
.footer .f1 .f1_box .td{width: 300px; float: left;margin-right: 150px;}
.footer .f1 .f1_box .td .tl1{color: #00662d; font-size: 20px;font-family:"Arial";}
.footer .f1 .f1_box .td .tl2{font-family:"Arial"; color: #5a6367; font-size: 20px;}
.footer .f1 .f1_box .td  .text{ margin-top: 35px;}
.footer .f1 .f1_box .td  .text p{ font-family: Arial; font-size: 14px; color: #000;  line-height: 25px;}
.footer .f1 .f1_box .td  .text p em{width: 12px; height: 17px;display: block; float: left;  }

.footer .f1 .f1_box .td1{width: 300px; float: left;margin-right: 150px;}
.footer .f1 .f1_box .td1 .tl1{color: #00662d; font-size: 20px;font-family:"Arial";}
.footer .f1 .f1_box .td1 .tl2{font-family:"Arial"; color: #5a6367; font-size: 20px;}
.footer .f1 .f1_box .td1  .text{ margin-top: 35px;}
.footer .f1 .f1_box .td1  .text p{ font-family: Arial; font-size: 14px; color: #000;  line-height: 25px;}
.footer .f1 .f1_box .td1  .text p em{width: 12px; height: 17px;display: block; float: left;  }


.footer .f1 .f1_box .from{float: left;width: 293px; }
.footer .f1 .f1_box .from .title{color: #00662d; font-size: 20px;font-family:"Arial";}
.footer .f1 .f1_box .from textarea{width: 270px; height: 35px; border: 1px solid #eeeeee; padding: 10px 10px; font-size: 14px; color: #c0c0c0; font-family: Arial; margin-top: 50px; }
.footer .f1 .f1_box .from input{margin-top: 6px;}
.footer .f1 .f1_box .from .email{ width: 270px; height: 35px;border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee; border-left: 1px solid #eeeeee;  padding-left: 16px; color: #c0c0c0;font-family: Arial; font-size: 14px; float: left;}
.footer .f1 .f1_box .from .botton{float:left; width: 138px; height: 37px;display: block; line-height: 37px; text-align: center; color: #fff; font-family: Arial; font-size: 14px; background-color: #0d8944;}

.footer .f1 .f1_box .icon{ margin-top: 40px;}
.footer .f1 .f1_box .icon a{float: left;}
.footer .f1 .f1_box .icon .fb{background: url(../images/fb.png) center no-repeat; width: 36px; height: 36px; margin-right: 20px;  }
.footer .f1 .f1_box .icon .tw{background: url(../images/tw.png) center no-repeat;width: 36px; height: 36px;  margin-right: 20px;  }
.footer .f1 .f1_box .icon .fk{background: url(../images/fk.png) center no-repeat; width: 36px; height: 36px; margin-right: 20px;  }
.footer .f1 .f1_box .icon .aa{background: url(../images/aa.png) center no-repeat;width: 36px; height: 36px;  margin-right: 20px;  }
.footer .f1 .f1_box .icon .google{background: url(../images/google.png)center no-repeat;width: 38px; height: 38px;  margin-right: 20px;  }


.footer .f2{background: #1daa39; height: 50px; color: #8ed59c;  line-height: 50px;}
.footer .f2 p{line-height: 50px; text-align: center;}
.footer .f2 img{ margin-top: 12px; font-size: 12px; font-family: Arial;}

.footer .f2 .ftt{ margin: 0 auto; width: 1200px; }




/*----------------------------------------content-----------------------------------------------------------------*/

.clumb{}
.clumb .clumb_box{width: 1200px;  height: 54px; line-height: 54px; color: #3e4142; font-size: 13px; margin: 0 auto;}
.clumb .clumb_box a{color: #3e4142;}
.clumb .clumb_box span{color: #999999;}

.con_nav{width: 100%;}
.nav_box{width: 1200px; margin: 0 auto;height: 141px; overflow: hidden;}
.nav_box ul{margin: 0 auto;overflow: hidden; text-align: center;}
.nav_box ul li{width: 309px; height: 141px;  display: inline-block; *zoom:1;*display:inline;}
.nav_box ul li a{width: 309px; height: 111px; display: block; padding-top: 30px;}
.nav_box ul li a:hover{background: #f7f7f7;color: #0d8944;}
.nav_box ul li img{ margin: 0 auto;  display: inline-block; vertical-align: middle; }
.nav_box ul li a em{color: #585858; font-size: 18px;display: block; margin-top: 10px;}
.nav_box ul li a:hover em{color: #0d8944;}
.nav_box ul li a.on{background: #f7f7f7;color: #0d8944;}
.nav_box ul li a.on em{color: #0d8944;}


/*----------------------------------------关于我们 -----------------------------------------------------------------*/

.content {width: 100%;  background: #f3f3f3; padding-top: 25px;padding-bottom: 53px;}
.content .boders{  width: 1278px; margin: 0 auto; background: url(../images/top_border.png) no-repeat;height: 23px;}
.content .about{ width: 1200px;padding:0 39px; margin: 0 auto; overflow: hidden;  background: url(../images/about_bg.png); }
/* .content .about .pic{margin: 0 auto 0 auto; width: 1061px; padding-top: 61px;}
.content .about .about_t{  height: 62px; margin: 55px 0px 50px 108px; }


.content .about p{font-size: 18px; color: #666666; width: 1061px; margin: 0 auto 30px auto; line-height: 26px;}
.content .about p span{color: #0d8944;}
.content .about .line{  width: 1061px; margin: 0 auto 30px auto; background: #e2e2e2; height: 1px;}

.about .list{ width: 1200px; margin: 26px auto 0 auto; }
.about .list li{ width: 341px; float: left;  color: #666666; margin-left: 46px; }
.about .list li img{border: 1px solid #eeeeee; height: 372px;}
.about .list li span{width: 341px;height: 87px; line-height: 84px;text-align: left;  font-size: 18px;}
.about .list li a{color: #666666;}
.about .list li a:hover{color: #0d8944;} */



.history{width: 1278px; margin: 0 auto; overflow: hidden;  background: url(../images/about_bg.png);padding-bottom: 113px; }
.history_box{width: 1200px; margin: 94px auto 0 auto;}

.history_box .left p{color: #0d8944; font-size: 30px; text-align: right;}
.history_box .left span{color: #666666; font-size: 18px;display: block;text-align: right; margin-top: 5px;}
.history_box .left em{color: #666666; font-size: 16px; width: 402px;display: block;text-align: right; margin-top: 8px; line-height: 30px;float: right;}
.history_box .left .pic {margin-top: 5px; float: right;}
.history_box .left .pic img{ float: right;  margin-left: 13px;}

.history_box .line{ background: url(../images/history_line.png) repeat-y; width: 58px; float: left;height: 2275px;  }
.history_box .left {width:560px; float: left; }
.history_box .left .Y85{  padding-top: 128px;overflow: hidden;}
.history_box .left .Y93{  padding-top: 122px;overflow: hidden; }
.history_box .left .Y95{  padding-top: 18px;overflow: hidden; }
.history_box .left .Y02{  padding-top: 35px;overflow: hidden; }
.history_box .left .Y06{  padding-top: 152px;overflow: hidden; }
.history_box .left .Y09{  padding-top: 66px;overflow: hidden; }
.history_box .left .Y09{  padding-top: 66px;overflow: hidden; }
.history_box .left .Y11{  padding-top: 183px;overflow: hidden; }



.history_box .right{float: left; position: relative; width: 527px;}
.history_box .right p{color: #0d8944; font-size: 30px; text-align: left;}
.history_box .right span{color: #666666; font-size: 18px;display: block;text-align: left; margin-top: 5px;}
.history_box .right em{color: #666666; font-size: 16px; width: 402px;display: block;text-align: left; margin-top: 8px; line-height: 30px;}
.history_box .right .pic {margin-top: 5px; float: left;}
.history_box .right .pic img{ float: left;  margin-right: 13px;margin-top: 17px;}


.history_box .right .Y83{ overflow: hidden; position: absolute;top: -47px; left:0px}
.history_box .right .Y87{ overflow: hidden; padding-top: 227px;}
.history_box .right .Y98{ overflow: hidden; padding-top: 74px;}
.history_box .right .Y03{ overflow: hidden; padding-top: 112px;}
.history_box .right .Y08{ overflow: hidden; padding-top: 207px;}
.history_box .right .Y10{ overflow: hidden; padding-top: 19px;}
.history_box .right .Y13{ overflow: hidden; padding-top: 111px;}

/*----------------------------------------联系我们 -----------------------------------------------------------------*/

.contact{ width: 1200px; margin: 0 auto; }
.contact .txt{ height: 477px; overflow: hidden;  }
.contact .txt .txg{color: #0d8944; font-size: 24px; margin-bottom:38px;}
.contact .txt .pic{float: left; }
.contact .txt .td{float: left; width: 600px; margin-left: 16px; }
.contact .txt .td p{font-size: 16px; color: #000000; margin-top: 15px; margin-bottom: 8px; line-height: 25px; margin-left:18px;  } 
.contact .txt .td i{background: url(../images/con_icon.png) no-repeat; width: 19px; height: 21px; display:inline-block; margin-right: 18px; vertical-align: middle; }
.contact .txt .td p:nth-child(1){padding-left: 34px;}
.contact .txt .td p:nth-child(6){padding-left: 38px;}
.contact .txt .td p:nth-child(2) i{background-position: 0px 0px;    }
.contact .txt .td p:nth-child(3) i{background-position: -1px -48px;    }
.contact .txt .td p:nth-child(4) i{background-position: -1px -95px;    }
.contact .txt .td p:nth-child(5) i{background-position: -1px -139px;    }

.contact .line{  width: 100%;  height: 1px;background: #dcdcdc; display: block; margin-bottom: 40px;}



/*----------------------------------------news -----------------------------------------------------------------*/

.news_list{ width: 1244px;  margin:0 auto; overflow: hidden;}
.news_list ul{}
.news_list ul li a{color: #fff;}
.news_list ul li{ width: 370px; height: 386px; background: #fff; float: left; margin-left: 44px; border-bottom: 1px solid #e5e5e5; margin-bottom: 58px;}
.news_list ul li .pic{  width:337px; height: 231px; margin: 18px auto 0 auto; }
.news_list ul li .text{width:337px; margin: 30px auto 0 auto; font-size: 22px; color: #3e4142; height: 54px;}
.news_list ul li .view{ width:121px;  height: 23px; background: url(../images/view_all.png)  no-repeat; display: block; margin-top: 8px; margin-left: 22px; transition: background 0.5s;  line-height: 23px;text-align: center; }
.news_list ul li a:hover .view{background: url(../images/view_all_ed2.png)  no-repeat; transition: background 0.5s;}
.news_list ul li:hover{border-bottom: 1px solid #0d8944;}


/*----------------------------------------products -----------------------------------------------------------------*/

.pro_list{ width: 100%; }
.pro_list .con_nav{width: 100%;background: #f3f3f3; padding-bottom: 35px;}
.pro_list .con_nav .parHd{width: 100%; overflow: hidden;background: #fff; }
.pro_list .con_nav .parHd ul{width: 1200px;margin: 0 auto; background: #fff;}
.pro_list .con_nav .parHd ul li{width: 240px; height: 145px;float: left; color: #585858;}
.pro_list .con_nav .parHd ul li .pic1{width: 51px; height: 59px; margin: 34px auto 0 auto; display: block;  background: url(../images/c1_3.png) no-repeat;}
.pro_list .con_nav .parHd ul li .pic2{width: 51px; height: 59px; margin: 34px auto 0 auto; display: block;  background: url(../images/c2_3.png) no-repeat;}
.pro_list .con_nav .parHd ul li .pic3{width: 51px; height: 59px; margin: 34px auto 0 auto; display: block;  background: url(../images/c3_3.png) no-repeat;}
.pro_list .con_nav .parHd ul li .pic4{width: 51px; height: 59px; margin: 34px auto 0 auto; display: block;  background: url(../images/c4_3.png) no-repeat;}
.pro_list .con_nav .parHd ul li .pic5{width: 51px; height: 59px; margin: 34px auto 0 auto; display: block;  background: url(../images/c5_3.png) no-repeat;}
.pro_list .con_nav .parHd ul li p{margin-top:10px; text-align: center; display: block; font-size: 18px;}
.pro_list .con_nav .parHd ul li a{width: 240px; height: 145px; display: block; overflow: hidden;color: #585858;}
.pro_list .con_nav .parHd ul li a:hover{background: url(../images/pro_list_bg.png) no-repeat; color: #1daa39;}
.pro_list .con_nav .parHd ul li a:hover .pic1{background: url(../images/c1_4.png) no-repeat;}
.pro_list .con_nav .parHd ul li a:hover .pic2{background: url(../images/c2_4.png) no-repeat;}
.pro_list .con_nav .parHd ul li a:hover .pic3{background: url(../images/c3_4.png) no-repeat;}
.pro_list .con_nav .parHd ul li a:hover .pic4{background: url(../images/c4_4.png) no-repeat;}
.pro_list .con_nav .parHd ul li a:hover .pic5{background: url(../images/c5_4.png) no-repeat;}

.pro_list .con_nav .parHd ul li a.hover{background: url(../images/pro_list_bg.png) no-repeat; color: #1daa39;}
.pro_list .con_nav .parHd ul li a.hover .pic1{background: url(../images/c1_4.png) no-repeat;}
.pro_list .con_nav .parHd ul li a.hover .pic2{background: url(../images/c2_4.png) no-repeat;}
.pro_list .con_nav .parHd ul li a.hover .pic3{background: url(../images/c3_4.png) no-repeat;}
.pro_list .con_nav .parHd ul li a.hover .pic4{background: url(../images/c4_4.png) no-repeat;}
.pro_list .con_nav .parHd ul li a.hover .pic5{background: url(../images/c5_4.png) no-repeat;}

.pro_list .con_nav .parHd ul li.on a{color: #1daa39;background: url(../images/pro_list_bg.png) no-repeat;}
.pro_list .con_nav .parHd ul li.on .pic1{width: 51px; height: 59px; margin: 34px auto 0 auto; display: block;  background: url(../images/c1_4.png) no-repeat;}
.pro_list .con_nav .parHd ul li.on .pic2{width: 51px; height: 59px; margin: 34px auto 0 auto; display: block;  background: url(../images/c2_4.png) no-repeat;}
.pro_list .con_nav .parHd ul li.on .pic3{width: 51px; height: 59px; margin: 34px auto 0 auto; display: block;  background: url(../images/c3_4.png) no-repeat;}
.pro_list .con_nav .parHd ul li.on .pic4{width: 51px; height: 59px; margin: 34px auto 0 auto; display: block;  background: url(../images/c4_4.png) no-repeat;}
.pro_list .con_nav .parHd ul li.on .pic5{width: 51px; height: 59px; margin: 34px auto 0 auto; display: block;  background: url(../images/c5_4.png) no-repeat;}

.pro_list .bd_Bg{background: #f9f9f9;height: 522px; margin-bottom: 171px; }
.pro_list .bd_Bg .bd_box{  width: 1200px; margin: 0 auto;  height: 512px;background: #f9f9f9; }


.slideBox{position: relative;   zoom: 1;}
.slideBox .sPrev{ background: url(../images/pro_prveed1.png); width: 74px; height: 74px;cursor: pointer; display: block; position: absolute;z-index: 99; left: -113px;top:180px;}
.slideBox .sPrev:hover{background: url(../images/pro_prveed2.png);}

.slideBox .sNext{ background: url(../images/pro_nexted1.png); width: 74px; height: 74px;cursor: pointer; display: block; position: absolute;z-index: 99; right: -113px;top:180px;}
.slideBox .sNext:hover{background: url(../images/pro_nexted2.png);}

.pro_list .bd_Bg .bd_box .parBd .slideBox ul li{width: 298px; height: 522px; float: left; }
.pro_list .bd_Bg .bd_box .parBd .slideBox ul li a{width: 298px; height: 522px; display: block;}
.pro_list .bd_Bg .bd_box .parBd .slideBox ul li a:hover{background: url(../images/pro_pic_hover.png) no-repeat;}
.pro_list .bd_Bg .bd_box .parBd .slideBox ul li a img{width: 298px; height: 412px;}
.pro_list .bd_Bg .bd_box .parBd .slideBox ul li p{width: 298px; height: 110px;display: block;color: #000000; font-size: 24px; line-height: 110px; text-align: center;}
.pro_list .bd_Bg .bd_box .parBd .slideBox ul li a:hover p{color: #1daa39;background: url(../images/pro_text_bg.png) no-repeat;}


.content .pro_show{ width: 1278px; margin: 0 auto; overflow: hidden;  background: url(../images/about_bg.png);  padding-bottom: 90px;}
.content .pro_show .show_box{ width: 1200px;margin: 0 auto; }
.content .pro_show .Top .Pic{float: left; width: 490px; margin-right: 40px;}
.content .pro_show .Top .txt{ float: left; width:670px; }
.content .pro_show .Top .txt .return{ width: 100%;  height: 43px;margin-top: 30px;   }
.content .pro_show .Top .txt .return p{ position:relative; display: inline-block; float: right;margin-right: 15px; width: 138px; height: 43px; line-height: 43px; text-align: center; -webkit-border-radius: 20px;border-radius:20px; background: #f7f7f7;}
.content .pro_show .Top .txt .return p a{transition: background .25s ease-out; width: 138px; height: 43px;  display: block;-webkit-border-radius: 20px;border-radius:20px; color: #585858;font-size: 14px;}
.content .pro_show .Top .txt .return p a:hover{background: #1daa39; color: #fff;transition: background .25s ease-out;}
.content .pro_show .Top .txt .return p i{background: url(../images/return_lis.png) no-repeat; position: absolute; width: 16px; height: 14px; left: 11px; top: 15px;}

.content .pro_show .Top .txt .text{}
.content .pro_show .Top .txt .text p{font-size: 14px; color: #585858; margin-bottom: 6px;}
.content .pro_show .Top .txt .text .h1{color: #1daa39; font-size: 40px;  margin-bottom: 20px;}

.content .pro_show .Bot{margin-top: 50px;}
.content .pro_show .Bot p{font-size: 24px; color: #1daa39;/*padding-left: 20px;*/height: 48px;}
.content .pro_show .Bot .left{width: 720px; float: left;}
.content .pro_show .Bot .left .pic{  width: 630px;  margin: 54px auto 0 auto; }
/*.content .pro_show .Bot .left .pic img{width: 630px;}*/


.content .pro_show .Bot .right{width: 480px; float: right;}
.content .pro_show .Bot .right .dwon{ background:url(../images/down_bg.png)  no-repeat;  width:306px;height: 60px; }
.content .pro_show .Bot .right .dwon img{float: left;}
.content .pro_show .Bot .right .dwon a span {float: left; padding-left: 25px; line-height: 60px;}
.content .pro_show .Bot .right .dwon i{  width: 16px; height: 20px; float: right; margin-top: 20px; padding-right:20px; }
.content .pro_show .Bot .right .con {border: 1px solid #e5e5e5; margin-top: 58px;overflow: hidden; width: 307px; height: 149px; display: block;}




/*测试*/

.test {
    position: fixed;
    left: 0;
    top: 100px;
    background: #fff;
    border: 1px #ccc solid;
	z-index:9999999999999;
}

.test{position:fixed; left:0; top:100px; background:#fff; border:1px #ccc solid; border-bottom:none;}
.test li{ border-bottom:1px #ccc solid; text-align:center; font-size:14px; line-height:25px; padding:0 30px;}
.test li h3{ font-size:16px; color:#000;}   

/*测试*/